<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>作品详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />
    <link rel="stylesheet" type="text/css" href="../../css/myProduct.css" />
</head>
<body>
  <div id="header">
      <div id="back"></div>
      <h3>作品详情</h3>
  </div>
    <div class="main detail-main">
      <div class="detail">
        <h3>作品简介</h3>
        <p>有些游戏适合一个人默默享受，而有的游戏和朋友联机才能体验到快乐。今天就推荐几款，让你和好友一起嗨过瘾</p>
      </div>
      <div class="team">
        <h3>团队简介</h3>
        <p> 1、产品（1个）<br>
            2、技术大牛（1个，必须有）<br>
            3、后端（php、java啥的，2个）<br>
            4、前端（1个web前端，1个webapp）<br>
            5、安卓（1个）<br>
            6、iOS（1个）<br>
            7、ui（1个）</p>
      </div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/main.js"></script>
<script type="text/javascript" src="../../script/jquery.js"></script>
<script type="text/javascript">
apiready=function(){
  //打开一个头部的frame
  api.openFrame({
      name: 'product_frame',
      url: 'product_frame.html',
      scrollEnabled:false,
      rect: {
          x: 0,
          y: 0,
          w: 'auto',
          h: '60'
      }
  });

  var UIScrollPicture = api.require('UIScrollPicture');
  UIScrollPicture.open({
      rect: {
          x: 0,
          y: 60,
          w: api.winWidth,
          h: api.winHeight / 3
      },
      data: {
          paths: [
              'widget://image/1.jpg',
              'widget://image/2.jpg',
              'widget://image/3.jpg',
              'widget://image/5.jpg'
          ]
      },
      styles: {
          indicator: {
              align: 'center',
              color: '#FFFFFF',
              activeColor: '#bbb'
          }
      },
      placeholderImg: 'widget://res/slide1.jpg',
      contentMode: 'scaleToFill',
      interval: 3,
      fixedOn: api.frameName,
      fixed:false,
      loop: true
  }, function(ret, err) {

  });
}
//jquery
$(function(){
  back();
})
</script>
</html>
